.form-detail{
  .form-detail-base{
    .ant-form-item{
      margin-bottom: 12px;
    }
    .info-title{
      width: 90%;
      padding: 0 20px;
      font-weight: 500;
      font-size: 16px;
      color: $font-title;
      height: 40px;
      line-height: 40px;
      background: $background-title;
      margin: 12px 5%;
    }
    .group-line {
      .ant-checkbox-group {
        line-height: 31px;
      }
    }
    .associate-info{
      margin-left: 20px;
      color: #989898;
    }
    .special-height {
      .ant-radio-group{
        line-height: 31px;
        .ant-radio-wrapper{
          top: 0;
          height: 31px;
          line-height: 31px;
        }
      }
    }
    .ant-radio-group{
      line-height: 39px;
      .ant-radio-wrapper{
        top: 0;
        height: 39px;
        line-height: 39px;
      }
    }
    .expense-allocation{
      .expense-type-scope{
        .expense-type-text{
          width: 100%;
          border: 1px solid $form-border;
          border-radius: 4px;
          height: 32px;
          margin-top: 4px;
          cursor: pointer;
          -webkit-transition: all .3s;
          -moz-transition: all .3s ;
          -ms-transition: all .3s ;
          -o-transition: all .3s ;
          transition: all .3s ;
          &:hover{
            border: 1px solid $default-color;
          }
        }
      }
    }
  }

  .form-permission {
    .info-title{
      width: 90%;
      padding: 0 20px;
      font-weight: 500;
      font-size: 16px;
      color: $font-title;
      height: 40px;
      line-height: 40px;
      background: $background-title;
      margin: 12px 5%;
    }
    .ant-radio-group{
      line-height: 39px;
      .ant-radio-wrapper{
        top: 0;
        height: 39px;
        line-height: 39px;
      }
    }
    .ant-select {
      width: 100%;
    }
    .user-list-wrap-title{
      line-height: 36px;
      .anticon-info-circle{
        padding-right: 4px;
        color: $badge-warning;
      }
    }
    .expense-type-list-wrap-title{
      line-height: 36px;
      .anticon-info-circle{
        padding-right: 4px;
        color: $badge-warning;
      }
    }
    .user-list-wrap{
      overflow: auto;
      max-height: 180px;
      color: $font-title;
      line-height: 28px;
    }
    .expense-type-list-wrap{
      overflow: auto;
      max-height: 180px;
      color: $font-title;
      line-height: 28px;
    }
  }

  .form-detail-custom{
    .form-detail-custom-setting{
      position: relative;
      height: 700px;
      .widget-setting{
        height: 650px;
        overflow: auto;
      }
      .operate-area{
        text-align: right;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 20px;
        width: 100%;
        height: 50px;
        line-height: 50px;
      }
    }
    .qrcode-timeout{
      position: absolute;
      top: 65px;
      left: 0;
      width: 100%;
      height: 30px;
      text-align: center;
      background: #FFFFFF;
      line-height: 30px;
      color: $default-color-inverse;
    }
  }
  .form-setting{
    .ant-tabs{
      height: 100%;
      .ant-tabs-bar{
        height: 220px;
      }
      .ant-tabs-content{
        height: 100%;
        padding-bottom: 60px;
        overflow: auto;
      }
    }
    .form-setting-buttons{
      background-color: #FFFFFF;
      position: fixed;
      margin-left: -180px;
      bottom: 0;
      width: 100%;
      height: 60px;
      line-height: 60px;
      padding-left: 20px;
      z-index: 10;
      box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.067);
      .buttons-edit, .buttons-save, .buttons-cancelEdit{
        margin-right: 20px;
      }
    }
    .form-setting-supplier-v2{
      .margin-left-20{
        margin-left: 20px;
      }
      .margin-bottom-20{
        margin-bottom: 20px;
      }
      .item-block{
        margin-bottom: 50px;
        .title-line{
          line-height: 30px;
          height: 30px;
        }
        .ant-divider {
          margin: 10px 0;
        }
        .supplier-remarks{
          margin-top: 10px;
          font-size: 10px;
          white-space: pre-line;
        }
      }
      .supplier-module-title{
        font-weight: bold;
        font-size: 16px;
        display: block;
        margin-bottom: 25px;
      }
    }
    .form-setting-huilianyi{
      .huilianyi-alert{
        margin-bottom: 20px;
      }
      .huilianyi-global{
        .huilianyi-module{
          margin-bottom: 40px;
          .huilianyi-note{
            display: block;
            margin: 10px 0;
            font-size: 10px;
          }
          .ant-divider {
            margin: 3px 0;
          }
          .ant-form-item{
            margin: 10px 0;
            .ant-form-item-control-wrapper{
              display: inline-block;
            }
          }
          .module-form-switch{
            display: inline-block;
          }
          .module-form-message{
            display: inline-block;
            margin: 0 5px;
          }
          .module-form-item{
            display: inline-block;
            margin-left: 20px;
            .ant-form-item{
              display: inline-block;
              vertical-align: middle;
            }
            .check-box-item{
              height: 31px;
              line-height: 31px;
              margin-right: 20px;
            }
          }
        }
      }
      .label-left {
        .ant-form-item-label {
          text-align: left;
        }
      }
    }
    .form-setting-travel{
      .travel-alert{
        margin-bottom: 20px;
      }
      .ant-form-item {
        margin-bottom: 0;
      }
    }
  }
  .form-detail-container{
    position: relative;
    &>button{
      position: absolute;
      right: 40px;
      top: 0;
      border: none;
    }
  }
}











